<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
	<title>家乡的文化</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.imgbox.pack.js"></script>
</head>
<body>
	<div class="h-bg">
	<div class="container">
	<div class="header">
		<div class="logo">
	  		<a href="index.html"><img src="./images/logo.png" title="logo" alt=""> </a>
	 	</div>
	    <div class="foot-search">
			<form>
				<input type="text" value="keyword here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'keyword here';}">
				<input type="submit" value="Search">
			  </form>
		  </div>
<div class="clear"></div>
</div>
<div class="nav-collapse nav-collapse_ collapse">
	<ul class="nav sf-menu clearfix sf-js-enabled">
		<li class="active color-1"><a href="index.html">Home</a></li>
		<li class="sub-menu color-2"><a href="custom.html">Customs</a>
	<ul style="display: none;" class="sub-menu">
		<li class="sub-menu-1"><a href="custom.html">Custom 01</a>
	<ul style="display: none;" class="sub-menu">
		<li><a href="custom.html">Custom 04</a></li>
		<li><a href="custom.html">Custom 05</a></li>
		<li><a href="custom.html">Custom 06</a></li>
	</ul>
	</li>
		<li><a href="custom.html">Custom 02</a></li>
		<li><a href="custom.html">Custom 03</a></li>
	</ul>
	</li>
		<li class="color-3"><a href="development.html">Developments</a></li>
		<li class="color-4"><a href="favourites.html">Favourites</a></li>
		<li class="color-5"><a href="places_of_interests.html">Places_Of_Interests</a></li>
		<li class="color-6"><a href="contact.html">Contact</a></li>
	</ul>
	</div>
<div class="clear"></div>
</div>              
</div>
<div class="clear"></div>
<div class="main-bg">
<div class="container">
<div class="main-wrp">
	<div class="artists">
		<div class="product-grids">
			<div class="bloder-content">
				<h6>Customs</h6>
				<div class="product-grid">
                    <a id='show1' href='images/full_tea.jpg'><img src="./images/tea.jpg" alt="饮食文化-茶" /></a>
					<h4>喝茶</h4>
					<p>在我们那儿，客人来时喝茶是最普遍的招待方式</p>
                    <script>
                        $(function(){
                            $("#show1").imgbox({
                                'speedIn'		: 0,
                                'speedOut'		: 0,
                                'alignment'		: 'center',
                                'overlayShow'	: true,
                                'allowMultiple'	: false
                            });
                        });
                    </script>
				</div>
				<div class="product-grid">
					<a id='show2' href='images/full_lvdou.jpg'><img  src="./images/lvdou.jpg" alt="饮食文化-绿豆饼" /></a>
					<h4>绿豆饼</h4>
                <p>绿豆饼是我们家乡的特产，好吃到根本停不下来</p>
					<script>
						$(function(){
							$("#show2").imgbox({
								'speedIn'		: 0,
								'speedOut'		: 0,
								'alignment'		: 'center',
								'overlayShow'	: true,
								'allowMultiple'	: false
							});
						});
					</script>
				</div>
				<div class="product-grid">
                    <a id='show3' href='images/full_zhujiao.jpg'><img src="./images/zhujiao.jpg" alt="饮食文化-猪脚饭" /></a>
					<h4>猪脚饭</h4>
					<p>油而不腻的猪脚配上当地的特色米饭，大饱口福</p>
                    <script>
                        $(function(){
                            $("#show3").imgbox({
                                'speedIn'		: 0,
                                'speedOut'		: 0,
                                'alignment'		: 'center',
                                'overlayShow'	: true,
                                'allowMultiple'	: false
                            });
                        });
                    </script>
				</div>
				<div class="product-grid">
                    <a id='show4' href='images/full_caoxi.jpg'><img src="./images/caoxi.jpg" alt="习俗文化-草席" /></a>
					<h4>草席</h4>
					<p>在以前，多数村民靠纯手工制作草席维持生活</p>
                    <script>
                        $(function(){
                            $("#show4").imgbox({
                                'speedIn'		: 0,
                                'speedOut'		: 0,
                                'alignment'		: 'center',
                                'overlayShow'	: true,
                                'allowMultiple'	: false
                            });
                        });
                    </script>
				</div>
				<div class="product-grid">
                    <a id='show5' href='images/full_shangding.jpg'><img src="./images/shangding.jpg" alt="信仰文化-吃上丁" /></a>
					<h4>吃上丁</h4>
					<p>家里生男孩时就得办一大酒席请亲朋好友来庆祝</p>
                    <script>
                        $(function(){
                            $("#show5").imgbox({
                                'speedIn'		: 0,
                                'speedOut'		: 0,
                                'alignment'		: 'center',
                                'overlayShow'	: true,
                                'allowMultiple'	: false
                            });
                        });
                    </script>
				</div>
				<div class="product-grid">
                    <a id='show6' href='images/full_bailaoye.jpg'><img src="./images/bailaoye.jpg" alt="信仰文化-拜老爷" /></a>
					<h4>拜老爷</h4>
					<p>每年的特定的时间点会煮上些好菜祭拜祖先</p>
                    <script>
                        $(function(){
                            $("#show6").imgbox({
                                'speedIn'		: 0,
                                'speedOut'		: 0,
                                'alignment'		: 'center',
                                'overlayShow'	: true,
                                'allowMultiple'	: false
                            });
                        });
                    </script>
				</div>
				</div>
				</div>
				<div class="services-sidebar">
					<h4>目录</h4>
					<ul>
						<li>»&nbsp;&nbsp;<a href="#">饮食文化--喝茶</a></li>
						<li>»&nbsp;&nbsp;<a href="#">饮食文化--绿豆饼</a></li>
						<li>»&nbsp;&nbsp;<a href="#">饮食文化--猪脚饭</a></li>
				    	<li>»&nbsp;&nbsp;<a href="#">传统文化--草席</a></li>
						<li>»&nbsp;&nbsp;<a href="#">习俗文化--吃上丁 </a></li>
						<li>»&nbsp;&nbsp;<a href="#">信仰文化--拜老爷 </a></li>
						<li>»&nbsp;&nbsp;<a href="#">...... </a></li>
					</ul>
			<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div></div>
	</div>
</body>
</html>